<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">
<link href="${ctx}/css/wxhtml5.css" type="text/css" rel="stylesheet"/>
<script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.js" type="text/javascript"></script>
<script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script src="${ctx}/js/wx/jquery.validate.js" type="text/javascript"></script>
<script src="${ctx}/js/wx/authorder.js" type="text/javascript"></script>
<title>项目订制</title>
     <style type="text/css">
        #Order_form label.error {margin-left: px;padding-top: px;color: red;}
        .errorMsg{text-align:center}
        .customer-info-code{width: 92%;margin: 4% auto;}
        .info-code-box{width: 50%;border: 1px solid #d8d8d8;color: #333; font-size: 4.2vw;border-radius: 5px;background: #fff;float: left;}
        .info-code-icon{padding: 6%;width: 26%;border-right: 1px solid #d8d8d8;}
        .info-code-icon img{width: 100%;}
        .info-code-input{width:74%;padding:6% 0 6% 6%;}
        .info-code-input input{width: 100%;}
        .info-code-btn{width: 45%;margin-left: 5%;font-size: 4.2vw;}
        .info-code-btn input{width: 100%;background: #0c86ab;color: #fff;border-radius: 5px;padding:8.8%;}
    </style>
</head>

<body>
<div style="width: 1px; height: 1px; padding: 0px; margin: -1px 0px 0px; border-width: 0px; display: block;" id="yass_top_edge_dummy"></div><div style="background-image: url(&quot;chrome://yass/content/edgebgtop.png&quot;); background-attachment: scroll; background-position: center bottom; padding: 0px; margin: 0px; border-width: 0px; height: 0px; display: block; width: 1263px;" id="yass_top_edge"></div>
<div class="container">
    <form style="position:relative" id="Order_form" method="post"  action="authOrderAction!wxadd.action" novalidate="novalidate">
    	<div style="padding: 2% 4% 0;" class="messcat_logo">
    		
    		
    			<img width="100%" src="${ctx}/image/style_blue5/logo.gif">
    		
    		
    		
    	</div>
    	
        <div class="customer-info-wrap clearfix">
            <div class="info-icon left"><img src="${ctx}/image/style_blue5/icon3.png"></div>
            <div class="info-input left"><input type="text" placeholder="姓名（必填）" value="" name="order.name"></div>
        </div>
        <div class="customer-info-wrap clearfix">
            <div class="info-icon left"><img src="${ctx}/image/style_blue5/phone-icon.png"></div>
            <div class="info-input left"><input type="text" placeholder="电话（必填）" value="" name="order.linkman" id="linkman"></div>
        </div>
        
		<div class="customer-info-code clearfix">
            <div class="info-code-box clearfix">
                <div class="info-code-icon left"><img src="${ctx}/image/style_blue5/code-icon.png"></div>
                <div class="info-code-input left"><input type="text" placeholder="验证码（必填）" name="order.code" id="code" ></div>
            </div>
            <div class="info-code-btn left"><input type="button" value="获取短信验证码" id="get_code"></div>
        </div>
        
        
		<!--    
        <div class="customer-info-wrap clearfix">
            <div class="info-icon left"><img src="${ctx}/image/style_blue5/icon7.png"></div>
            <div class="info-input left"><input type="text"  name="mcOrderInfo.expectedCompletionTime" value="" class="appDate" placeholder="期望完成时间（选填）"></div>
        </div>    -->
        <div class="select-wrap">
            <div class="select-title clearfix">
                <div class="select-icon left"><img src="${ctx}/image/style_blue5/select.png"></div>
                <div class="select-name left">项目类别</div>
            </div>
            <div class="select-item clearfix">
            	
            	<input type="hidden" id="type_3" name="order.types">
                <div onclick="change(this,3)" class="items"><img src="${ctx}/image/style_blue5/ball.png"><span>官网/微信公众号</span></div>
            	
            	<input type="hidden" id="type_4" name="order.types">
                <div onclick="change(this,4)" class="items"><img src="${ctx}/image/style_blue5/ball.png"><span>App和HTML5</span></div>
            	
            	<input type="hidden" id="type_5" name="order.types">
                <div onclick="change(this,5)" class="items"><img src="${ctx}/image/style_blue5/ball.png"><span>电子政务</span></div>
            	
            	<input type="hidden" id="type_6" name="order.types">
                <div onclick="change(this,6)" class="items"><img src="${ctx}/image/style_blue5/ball.png"><span>智慧物业</span></div>
            	
            	<input type="hidden" id="type_7" name="order.types">
                <div onclick="change(this,7)" class="items"><img src="${ctx}/image/style_blue5/ball.png"><span>P2P/众筹</span></div>
            	
            	<input type="hidden" id="type_8" name="order.types">
                <div onclick="change(this,8)" class="items"><img src="${ctx}/image/style_blue5/ball.png"><span>电商平台</span></div>
            	
            	<input type="hidden" id="type_9" name="order.types">
                <div onclick="change(this,9)" class="items"><img src="${ctx}/image/style_blue5/ball.png"><span>互联网+</span></div>
            	
            </div>
        </div>
        <textarea name="order.proDesc" placeholder="请输入项目简要描述" class="project-sub"></textarea>
        <div id="errmsg" class="errorMsg"></div>
        <a id="popup" class="contact-btn" href="#">马上联系</a>
    </form>
</div>

<!--弹窗-->
<script type="text/javascript">
	function change(obj,id){
		
        var srvName1 =  $(obj).children().first().attr('src');
        
        if (srvName1.indexOf('${ctx}/image/style_blue5/ball.png') != -1 ) {
            $(obj).children().first().attr('src','${ctx}/image/style_blue5/ball-red.png');
            $('#type_'+id+'').val(id);
        } else{
            $(obj).children().first().attr('src','${ctx}/image/style_blue5/ball.png');
            $('#type_'+id+'').val("");
		}
		//alert($('#type_'+id+'').val());
    };
</script>
<script type="text/javascript">
	//离开页面提醒,有些浏览器不支持,如搜狗浏览器,很多很多
    window.onbeforeunload = function(){
    	if(isCommitted == false){
    		return "即将离开页面，是否确认编辑的内容已使用并废弃？";
        	}
    }
</script>
<div class="popup">
    <div class="layerbg"></div>
    <div style="display: none; margin-left: -439px; margin-top: -283.5px;" class="popup_content">
        <div>
            <div class="popclose right">
<!--                <a href="#" onclick="$('#Order_form').submit();"><img src="${ctx}/image/style_blue5/close.png"></a>-->
					<a href="#"><img src="${ctx}/image/style_blue5/close.png">
            </a></div><a href="#">
            <div class="tips">是否要提交订单信息，我们将会在工作日20分钟内联系您，请保持通话顺畅，感谢支持。 </div>
            </a><a onclick="$('#Order_form').submit();" class="sure" href="#">提交</a>
        </div>
    </div>
</div>
<div style="background-image: url(&quot;chrome://yass/content/edgebgbot.png&quot;); background-position: 0px 0px; position: absolute; margin: 0px; padding: 0px; border-width: 0px; height: 0px; left: 0px; top: 2116px; width: 100%; display: block;" id="yass_bottom_edge"></div></body></html>